<ion-header>
    <div class="app-header">
        <div class="app-header-item"></div>
        <div class="app-header-item">登录</div>
        <div class="app-header-item"></div>
    </div>
</ion-header>
<ion-content class="bg-img">
    <div class="inner-scroll scroll-y content">
        <!-- <h3>成都自来水</h3>
        <h5>生产运营调度管理系统</h5> -->
        <div class="content-logo"><img src="/src/assets/images/logo.png" alt=""></div>
        <p class="content-title">成都自来水生产运营调度管理系统</p>
        <div class="inner-scroll scroll-y input-item">
            <ion-item class="item-height">
                <ion-label position="floating" style="color: aliceblue;">用户名</ion-label>
                <ion-input [(ngModel)]="userName" class="login-input"></ion-input>
            </ion-item>
            <ion-item class="item-height password">
                <ion-label position="floating" style="color: aliceblue;">密码</ion-label>
                <ion-input type="password" [(ngModel)]="userPwd" class="login-input"></ion-input>
                <!-- <ion-item class="in-list item hydrated item-label pass-position">
                    <ion-note slot="end" color="medium" class="ion-color ion-color-medium hydrated" *ngIf="passNum == 0" (click)="showPs()"><i><img src="/src/assets/images/eye.png" alt=""></i></ion-note>
                    <ion-note slot="end" color="medium" class="ion-color ion-color-medium hydrated" *ngIf="passNum == 1" (click)="hidePs()"><img src="/src/assets/images/eye-closed.png" alt=""></ion-note>
                </ion-item> -->
            </ion-item>
            <div class="login-btn">
                <ion-button type="submit" ion-activatable="" (click)="logIn()" class="button button-md button-block button-block-md button-solid button-solid-md hydrated login-btn">登 录</ion-button>
            </div>
        </div>


        <i class="icon-eye"></i>
    </div>
</ion-content>